<span class="fontGray">Help file for Step 4</span>
        <div class="hr"></div>
        <div style="float: left;border: 1px solid #ddd;padding: 5px;width: 100%;margin-top: 5px;">
            <icon class="icon-plus"></icon> - an icon to displays collapsible content panels for presenting information. <br />
            <icon class="icon-edit"></icon>  - an icon to edit selected information on approver button / status list.<br />
            <icon class="icon-remove"></icon> - an icon to disabled selected information on approver button / status list.<br />
            <icon class="icon-trash"></icon> - an icon to remove/delete selected information on approver button / status list.<br />
            <input type="button" class="button-icon" value="submit"> - a button to submit / add new information to the list.<br />
        </div>
        <div style="float: left;border: 1px solid #ddd;padding: 5px;width: 100%;margin-top: 5px;">
            <img src="/images/steps/step4-1.png" />
        </div>
        <div style="float: left;border: 1px solid #ddd;padding: 5px;width: 100%;margin-top: 5px;">
            <div style="float: left; width: 50%;">
                <label style="margin-left: 5px;">- a button to create new workspace.</label> <br />
                <img src="/images/steps/step4-2.png" height="200" width="300"/>
            </div>
            <div style="float: left; width: 50%;">
                <label style="margin-left: 5px;">- a button to create new workspace.</label> <br /> 
                <img src="/images/steps/step4-3.png" height="200" width="300"/>
            </div>    
        </div>